Hay varias formas de crear un texto dinámico.
Es bien sencillo, solo hay que poner <marquee> al principio y </marquee> al final del texto.
<marquee> aquí texto </marquee>
Resultado:
Otro ejemplo más de texto en movimiento esta vez en sentido ascendente:
<marquee direction="up">aquí el texto</marquee>
Resultado:
Si buscamos algo más llamativo podemos añadir el siguiente:
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">aquí el texto</marquee></marquee>
Resultado:
Al igual que podemos crear el efecto en un texto también lo podemos hacer con una imagen:
Lo que hicimos fue sustituir el texto por un código para mostrar imágenes, incluyendo la url de la imagen que deseamos mostrar:
<img src="url-de-la-imagen">
Quedaría algo así:
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate"><img src="url-de-la-imagen" /></marquee></marquee>
Añadir color a un texto lo podemos hacer con el código <font> de la siguiente forma:
<font face="Comic Sans" color="blue" size=1>El tipo (face) de esta letra es "Comic Sans", el color (color) "blue" y el tamaño (size) "3"</font>
Estoy escribiendo en color azul
Para añadirlo en un marquee necesitamos agregar el código <font> dentro del marquee tantas veces como colores deseamos añadir.
<marquee><font face="Comic Sans" color="blue" size=3>Bienvenidos</font> <font face="Comic Sans" color="red" size=3>a</font> <font face="Comic Sans" color="black" size=3>Gem@</font> <font face="Comic Sans" color="orange" size=3>BLOG</font></marquee>
Otros tipos de letras que se pueden utilizar son Tahoma, Comic Sans, Impact, Verdana, otros tipos de colores que se pueden utilizar son green (verde), yellow (amarillo), blue (azul), gray (gris); para aumentar el tamaño (size) de las letras solo debemos aumentar el número dentro del código..
@Gemablog
24 opiniones:
Pregunta tecnica, a vos te aparece en rojo y a mi en blanco, tiene que ver cn la plantilla elegida o uno le puede asignar un color? y de ser asi, como selo asigno? Perodn pero vos t metiste en este embrollo jajajajaja
no te salves me aparece en rojo porque yo lo puse así para diferenciar los códigos y palabras importantes del resto del texto.
Solo puse el código de la frase en movimiento, el color lo añadí con el editor de Blogger, es por ello que a ti te sale sin color.
Para cambiar o añadir color a algún texto solo debes añadir el código de color antes del texto:
Por ejemplo:
<font color="red">Texto de color rojo</font>
Para la frase en movimiento sería:
<marquee><font color="red"> esta es una prueba de texto que se mueve en horizontal </font></marquee>
Obviamente aunque yo puse red tu puedes poner el color que deseas, aquí te dejo un enlace que te puede ayudar de tabla de colores.
www.daleclick.blogspot.com
Espero haberte ayudado.
S@lu2
Gracias gracias, ahi le puse un color, no logro hacer el color azul predeterminado del blog, pero me voy acercandom jajaja, gracias miles veces gracias
Gracias, Gem@... Si entras a mi blog, verás que me salió el texto en movimiento... jejeje...Creo que es la primera vez que me sale algo que no hayas hecho tú en ese blog, y desde luego es a través de tí, de tus consejos, de tu generosidad al compartir lo que sabes...
El color lo cambié, simplemente, seleccionando el texto y eligiendo donde los colorines... Hice mil pruebas intentando camciar la dirección del texto, que por un lada apareciera de izquierda a derecha y por otro al contrario.. jajajja Creí que me había cargado el blog entero, porque eran todos los post los que se movían... Al fin quedó así... Y me gusta
Gracias de nuevo, amiga.
Kuan
Hola kuan... no sabes la alegría tan grande que me da ´´verte``
Estoy segura que te saldría no un intento de poner un código, ni dos, ni tres, te saldrían todos los códigos del mundo, todo es ponerse y tiempo eso sí, mucho tiempo que dedicar, eso es lo que me falta a mí y creo que a todos.
Gracias ti por estar amiga.
(voy a ver tu blog)
Gracias por tu ayuda,tienes un buen blog.
salu2
Bienvenido Antona y gracias por el comentario :)
¡Qué chulo, Gema! He utilizado ese sencillísimo cógido con los logos de mi blog y... ¡funciona! queda genial.
Gracias por tu blog, cada día que entro encuentro algo interesante y útil.
Gracias mil!
Hola Miranda, casualmente tengo que ampliar esta entrada con más formas de texto en movimiento.
Gracias por comentar.
Gema..
toy haciendo un texto en moviento, le cambie el color y lo puse en negrillas , pero no he podido aumentar de tamaño la letra.. sabes algun codigo o como hacerlo??
gracias x tus ayudas!!
Hola Marcelo, para el tamaño es size=1 puedes variar el número si así lo deseas.
<font face="Arial" color="orange" size=1>El tipo (face) es el tipo de letra letra, el color (color) y el tamaño es (size) </font>
Puedes jugar con lo anterior y añadirlo a cualquier código de texto en movimiento.
Hola Gema, necesito ayuda por favor, he seguido tus recomendaciones y muchas de las cosas que intento hacer como el texto en movimiento, me dice que el htlm no es aceptable o que la url tampoco, no se mucho de esto necesito cambiar algo en el blogs para que acepte los codigos que aqui das?.. orientame por fa
Hola Marina son perfectamente aplicables a tu blog, todos han sido probados o doy ejemplos de ellos.
Ahora bien... si tu plantilla es de las clásicas el lugar de aplicar los códigos es distinto (aunque en las entradas es el mismo sistema)
Si estás probando este código en una entrada y te dice que da error "marca" la casilla de no mostrar más ese mensaje y dale salida.
Hola
esta re bueno tu blog!
gracias por los datos
sabes lo aplique en mi blog.
pero tengo una duda...
hay forma de regular la velocidad con que pasa el texto?
siento que va muy rápido
y eso puede marear a quien lo lee!
dale saludos
ojalá puedas responderme la duda
inténtalo así:
<marquee scrollAmount="1" >aquí el texto</marquee>
Puedes variar el valor 1 por otro según la velocidad. ;)
Hola Gema, primero de todo decirte que tu blog y tus conocimientos son los que me han dado desde el principio la base para mis intentos de llevar un blog decente y por ello muchas gracias.
En segundo lugar preguntarte por un más dificil todavía... La cuestión es... ¿cómo hago para que todo el texto no sea del mismo color? Si es que existe la manera... y... ¿se pueden insertar iconos en el texto en movimiento? ¿Si es así, nos podrías iluminar con tu sapiencia?
Muchas, muchas, gracias...
guarabayo he añadido al post la forma de crear un marquee con imágenes y con diferente color de texto ;)
Gema: ¿qué pasos debería seguir para agregar tipos de fuentes a un blog de blogger? Espero que puedas ayudarme o indicarme por dónde mirar. Gracias, tu blog me está ayudando mucho. Un saludo.
Gracias por la información.
Diego lo primero es descargarte las fuentes a tu PC una vez las tienes puedes utilizarlas en cualquier editor de tu PC lo que no estoy segura es si también se visualizarían en nuestro blog, tendría que probarlo :)
Gracias a ti por comentar Alejandro ;)
esta bien chula esta herramienta... gracias de nuevo guapetona
Ala tu si k sabes gracias !!!!
ahora me voii a sakar un 10 en mi nueva pagina k tengo k entregar
andate genial
bye ii mil gracias!!
me gusto tu pagina:D ;)
Hola Gema. Ante todo darte la enhorabuena por tu blog y las gracias ya que me ha sido de mucha ayuda.
A proposito del tema me gustaría saber si se puede poner un texto que parezaca intermitente, es decir, alternando entre el color del fondo y otro, por ejemplo, o si se puede hacer de otra manera.
Gracias.
yz T360R se puede hacer con la etiqueta blink:
<blink>Texto parpadeante</blink>
yz Gracias LAriiZ!!